/****************************/ /**** MAIN CONTENT ****/ /****************************/ div#content {position: relative; width: auto; min-height: 810px; height: 810px; overflow: visible; padding-left: 190px; padding-right: 190px; background: #ffffff; border-bottom: 1px solid white; border-top: 1px solid #ffffff;} html > body div#content {height: auto;} /* Hidden for IE6 */ div#content h4 {color: #ffa619; font-size: 16px; text-align: center; font-weight: bold; padding: 0px; margin: 8px 0px;} div#content h5 {font-size: 14px; text-align: center; font-weight: bold; padding: 0px; margin: 8px 0px;} div#content p {margin: 8px 0px; font-size: 12px; text-align: left; color: #8785c0; line-height: 16px;} div#content a {color: #8785c0;} div#content a:hover {text-decoration: none;} div#content ul {margin: 8px 0px; padding: 0px; list-style: square outside;} div#content ul li {margin-left: 15px; padding-left: 0px;} div#content ol {margin: 8px 0px; padding: 0px; list-style: decimal outside;} div#content ol li {margin-left: 20px; padding-left: 0px; margin-top: 5px;} div#content ul.questions {color: #ffa619; list-style: square outside; margin: 20px 0px; font-size: 14px; font-weight: bold;} div#content ul.questions li {margin-left: 15px; padding-left: 0px; margin-top: 10px;} div#content ol.questions {color: #ffa619; list-style: decimal outside; margin: 15px 0px; font-size: 13px; font-weight: bold;} div#content ol.questions li {margin-left: 25px; padding-left: 0px; margin-top: 5px;} div#content a#hiddengo {display: block; width: 100%; text-align: right; color: #ffa619; padding-bottom: 10px;} div#content div#hidden {display: none;} div#content div.members_gurantee {height: 70px; background: url(../[img]/members_guarantees.gif) no-repeat center center; } div#content ul.faq {font-size: 13px; font-weight: bold;} div#content ul.faq li {margin-top: 20px;} div#content ul.faq ol {font-size: 12px; font-weight: normal;} div#content ul.faq ol li {margin-top: 0px;} div#content ul.faqa li {margin-top: 30px; color: #444360;} div#content ul.faqa li span {display: block; font-weight: bold; color: #8785c0;} div#content ul.faqa a.top {display: block; float: right; font-size: 10px; text-decoration: none; color: #ffa619} div#content div#local-partner-offers {position: relative; top: 0px; left: 0px; width: 380px; overflow: hidden; height: auto;} div#content div#local-partner-offers a {position: relative; display: block; margin: 10px 0px; left: 0px; padding: 0px 5px; min-height: 124px; border: 1px solid #c3c2df; text-decoration: none; font-size: 11px;} div#content div#local-partner-offers a:hover {background-color: #f3f3f9; border-color: #8785c0;} div#content div#local-partner-offers a span.logo {position: relative; float: right; display: block; width: auto; height: auto; max-width: 112px; max-height: 112px; margin: 5px 0px 5px 20px; background-color: #ffffff; border: 1px solid #c3c2df; z-index: 100;} div#content div#local-partner-offers a span.logo img {position: relative; margin: 5px; border: 1px solid white; max-height: 100px; max-width: 100px; min-width: 25px;} div#content div#local-partner-offers a span.title {position: relative; display: block; width: auto; margin: 3px 0px; font-size: 13px; font-weight: bold; border-bottom: 1px dotted #8785c0; padding-bottom: 3px;} div#content div#media {position: relative; top: 0px; left: 0px; width: 380px; overflow: hidden; height: auto;} div#content div#media a {position: relative; display: block; margin: 10px 0px; left: 0px; height: 70px; width: auto; overflow: hidden; padding: 0px 5px 0px 80px; border: 1px solid #c3c2df; background: no-repeat 5px 5px; text-decoration: none; font-weight: bold;} div#content div#media a:hover {background-color: #f3f3f9; border-color: #8785c0;} div#content div#media a span.description {display: block; font-size: 11px; font-weight: normal;} div#content div#media a span.date {diplay: block; position: absolute; left: 10px; top: 55px; font-size: 10px; width: 50px; text-align: center;} div#content div#media a span.action {position: absolute; top: 53px; right: 2px; color: #ffffff; font-size: 10px; font-weight: bold; padding: 0px 3px;} div#content div#media a:hover span.action {background-color: #c3c2df; color: #ffffff;} div#content div#media a.image {background-image: url(../[img]/icon_image.gif);} div#content div#media a.doc {background-image: url(../[img]/icon_doc.gif);} div#content div#media a.pdf {background-image: url(../[img]/icon_pdf.gif);} div#content div#media a.video {background-image: url(../[img]/icon_video.gif);} div#content div#media a.audio {background-image: url(../[img]/icon_audio.gif);} div.images_home {position: relative; text-align: center; top: 10px; height: 120px; margin-right: -20px;} div.images_home div {position: relative; float: left; width: 120px; height: 120px; margin: 0px 10px 0px 0px; border: 0px;} div.images_home div img {border: 0px;} /* Forms */ div#content table.form {position: relative; top: 10px; width: 100%; border-collapse: collapse; font-size: 12px; margin-bottom: 20px; background: #f3f3f9 url(../[img]/form_bg.jpg) repeat-y 0px 0px;} div#content table.form th {color: #ffffff; font-weight: normal; height: 30px; overflow: visible; font-size: 16px; line-height: 140%; border-top: 1px solid #8785c0; border-bottom: 1px solid #8785c0; background: #c3c2df url(../[img]/form_header_bg.jpg) repeat-y;} div#content table.form td {border-top: 1px solid white;} div#content table.form td.q {padding: 0px 5px; min-width: 35%;} div#content table.form td.spacer {height: 10px; background-color: white; border: 0;} div#content table.form td.ptq {padding: 5px 5px; font-weight: bold; font-size: 13px; border-top: 1px solid #c3c2df;} div#content table.form td.pta {padding: 3px 5px; font-size: 11px; border-top: 0px;} div#content table.form td.ptcl {padding-left: 25px;} div#content span {font-size: 11px; font-weight: normal;} textarea {font-family: 'trebuchet ms', verdana, sans-serif; border: 1px solid #c3c2df; color: #8785c0; padding: 0 2px; font-size: 12px; width: 98%;} input, select {margin: 0px; height: 18px; font-family: 'trebuchet ms', verdana, sans-serif; font-size: 12px; border: 1px solid #c3c2df; color: #8785c0; padding: 0 2px;} select {margin: 0px; padding: 0px; border: 0px; height: auto; line-height: 12px;} input.error, select.error {border: 1px solid #ffdd00; background-image: url(../_main_images/warning_obj.gif); background-position: bottom right; background-repeat: no-repeat;} textarea.error {border: 1px solid #ffdd00; background-image: url(../_main_images/warning_obj.gif); background-position: bottom right; background-repeat: no-repeat;} input:focus, select:focus, textarea:focus {border: 1px solid #ffffff;} input.button {height: 23px; background: #8785c0 url(../[img]/btn_bg.gif); color: white; cursor: hand; font-weight: bold; padding: 0px 5px; border: 1px solid #000000;} /* RIGHT PANEL */ div#content div#rpanel {position: absolute; top: 10px; bottom: 10px; right: 0px; width: 180px; height: 720px; background: #f3f3f9 url(../[img]/rpanel_top_bg.gif) repeat-x top left; padding-bottom: 10px;} html > body div#content div#rpanel {height: auto;} /* Hidden for IE6 */ div#content div#rpanel div#blc {position: absolute; bottom: 0px; left: 0px; width: 30px; height: 30px; background: #f3f3f9 url(../[img]/rpanel_bottom_bg.gif) no-repeat bottom left;} div#content div#rpanel a#guideoffer {position: absolute; left: 10px; bottom: 95px; padding: 3px 5px; height: auto; width: 148px; overflow: hidden; line-height: 15px; text-align: center; font-size: 11px; text-decoration: none; border: 1px solid #ffa619;} div#content div#rpanel a#guideoffer:hover {background-color: #ffffff;} div#content div#rpanel a#guideoffer img {display: block; margin: 8px 12px -10px 13px;} div#content div#rpanel a#guideoffer span {display: block; font-weight: bold; color: #ffa619;} div#content div#rpanel div#news {position: absolute; left: 5px; bottom: 55px; height: 30px; width: 170px; overflow: hidden; line-height: 12px; background-color: #ffffff; font-size: 10px; color: #ffa619; text-align: center; font-weight: bold;} div#content div#rpanel div#news div.scrollnews {position: relative; left: 0px; height: 18px; line-height: 16px; width: 170px; overflow: hidden; font-weight: normal; background-color: #ffa619;} div#content div#rpanel div#news div.scrollnews div#news_scroll {width: 400px; height: 20px; line-height: 20px; font-size: 11px; color: #ffffff;} div#content div#rpanel div#copyright {position: absolute; bottom: 0px; right: 0px; width: 100%; border-top: 1px dotted #c3c2df; z-index: 5;} div#content div#rpanel div#copyright p { margin: 5px 10px; font-size: 10px; text-align: right; line-height: 13px;} div#content div#rpanel ul {padding: 0px; margin: 0px; list-style: none; background: url(../[img]/lpanel_top_bg.gif) no-repeat top right;} div#content div#rpanel ul li {padding: 0px; margin: 0px 10px; font-size: 13px; line-height: 30px; border-bottom: 1px solid #c3c2df;} div#content div#rpanel ul li.l {border: 0;} div#content div#rpanel ul li.getstarted {height: auto; line-height: 120%; margin-top: 5px; text-align: center;} div#content div#rpanel ul li.getstarted a {color: #ffa619; text-decoration: none; font-weight: bold; font-size: 14px;} div#content div#rpanel ul li.getstarted a span {display: block; font-size: 10px; font-weight: normal; margin-bottom: 5px;} div#content div#rpanel ul li a#vcs {color: #8785c0; text-decoration: none; line-height: 30px;} div#content div#rpanel ul li.comments {height: auto; color: #c3c2df;} div#content div#rpanel ul li.comments div.scroll { height: 200px; color: #8785c0;} div#content div#rpanel ul li.comments div.scroll div {line-height: 16px; font-size: 11px; } div#content div#rpanel ul li.comments div.scroll div span {display: block; width: 100%; font-weight: bold; margin-top: 10px; text-align: right; } div#content div#rpanel div#basepoints {margin: 0px 10px; padding-bottom: 10px; line-height: 14px;} div#content div#rpanel div#basepoints span {display: block; padding: 10px 0px 0px 15px; font-size: 10px; background: url(../[img]/arrow_bulet.gif) no-repeat 0px 11px;} /* LEFT PANEL */ div#content div#lpanel {position: absolute; top: 10px; bottom: 10px; left: 0px; width: 180px; height: 720px; background: #f3f3f9 url(../[img]/lpanel_bottom_bg.gif) repeat-x bottom left; padding-bottom: 10px;} html > body div#content div#lpanel {height: auto;} /* Hidden for IE6 */ div#content div#lpanel ul {padding: 0px; margin: 0px; list-style: none; background: url(../[img]/lpanel_top_bg.gif) no-repeat top right;} div#content div#lpanel ul li {padding: 0px; margin: 0px 10px; font-size: 13px; line-height: 33px; border-bottom: 1px solid #ffa619;} div#content div#lpanel ul li.l {border: 0;} div#content div#lpanel ul li a {color: #8785c0; text-decoration: none;} div#content div#lpanel ul li a:hover {color: #ffa619;} div#content div#lpanel ul li a.crnt {color: #ffa619;} div#content div#lpanel div#matchmaker {position: absolute; width: 100%; bottom: 0px; padding-top: 3px; font-weight: bold; border-top: 1px dotted #c3c2df; border-bottom: 1px dotted #c3c2df; height: auto; margin: 0px; font-size: 15px; text-align: center;} div#content div#lpanel div#matchmaker img {margin-top: 5px;} div#content div#lpanel div#matchmaker span {display: block; font-size: 12px; line-height: 14px; margin: 0px;} div#content div#lpanel div#matchmaker a {display: block; margin: 5px 3px; text-decoration: none; background-color: #ffa619; color: #ffffff; font-size: 10px;} div#content div#lpanel div#matchmaker div {margin: 0px; padding-left: 3px; font-size: 15px; text-align: center; border-top: 1px dotted #c3c2df; font-weight: normal;} div#content div#lpanel div#matchmaker div a {color: #8785c0; font-size: 10px; margin: 0px; background-color: transparent;} /* Video Window */ div#vw {position: absolute; display: none; top: 0px; left: 0px; overflow: hidden; width: 100%; height: 0px; background-color: transparent; z-index: 90; text-align: center; background-image: url(../[img]/vw_bg.gif); background-position: bottom center; background-repeat: no-repeat; padding: 0px; margin: 0px; line-height: 0px;} div#vw a:link {position: absolute; display: block; line-height: 14px; width: 15px; top: 10px; right: 80px; text-decoration: none; border: 0px;} /******************/ /**** MAIN END ****/ /******************/ div#main_end {width: 100%; height: 100px; position: absolute; bottom: 0px; text-align: center;} div#main_end ul {margin: 0px; padding: 0px; font-size: 11px; line-height: 15px; list-style: none; margin-top: 10px;} div#main_end ul li {display: inline; border-right: 1px solid white;} div#main_end ul li.l {border: 0;} div#main_end ul li a {margin: 0px 5px; text-decoration: none;} div#main_end div#locations {clear: both; text-align: center; color: #c3c2df; font-size: 10px; margin-top: 10px;} div#main_end div#locations a {display: inline; float: left; width: 15px; height: 10px; border: 1px solid #8785c0; margin: 1px 5px; text-decoration: none; background: #f3f3f9; line-height: 10px;} div#main_end div#locations a:hover {border-color: #c3c2df;} div#main_end div#locations a:hover {border-color: #c3c2df;} div#main_end div#locations a.tm-uk {background-image: url(http://www.topmatch-uk.com/[img]/flags/flag_uk.gif); margin-left: 318px;} div#main_end div#locations a.tm-fr {background-image: url(http://www.topmatch-uk.com/[img]/flags/flag_fr.gif);} div#main_end div#locations a.tm-ie {background-image: url(http://www.topmatch-uk.com/[img]/flags/flag_ie.gif);} div#main_end div#locations a.tm-ca {background-image: url(http://www.topmatch-uk.com/[img]/flags/flag_ca.gif);} div#main_end div#locations a.tm-pt {background-image: url(http://www.topmatch-uk.com/[img]/flags/flag_pt.gif);} div#main_end div#locations a.tm-us {background-image: url(http://www.topmatch-uk.com/[img]/flags/flag_us.gif);} div#main_end p#validation {position: absolute; color: #c3c2df; margin-top: 0px; top: 58px; right: 3px; font-size: 8px;} div#main_end p#validation a {position: relative; margin: 0px; color: #c3c2df; text-decoration: none;} /*********************/ /**** MAIN BANNER ****/ /*********************/ div#main_banner {position: relative; width: 100%; height: 270px; overflow: hidden; background: #c3c2df url(../[img]/banner_bg.jpg) no-repeat center center;} div#main_banner h1 {position: absolute; top: 85px; left: 15px; height: 150px; width: auto; margin: 0px; background: url(../[img]/main_banner_logo.gif) no-repeat top left; } div#main_banner h1 a#home {display: block; font-size: 44px; color: #8785c0; font-weight: normal; padding-top: 87px; padding-left: 110px; text-decoration: none;} div#main_banner h1 a#home span {color: #ffa619;} div#main_banner h1 a#home span.incorporating {display: block; font-size: 12px; color: #8785c0; width: 490px; margin: -3px 0px 0px 0px; line-height: 15px;} div#main_banner h2 {position: absolute; left: 0px; bottom: 0px; width: 100%; color: white; text-align: center; font-size: 22px; line-height: 30px; font-weight: normal; padding: 0px; margin: 0px;} div#main_banner h2 span {color: #8785c0;} div#main_banner h3 {position: absolute; top: 115px; left: 165px; width: 290px; font-size: 15px; font-weight: normal; margin: 0px;} div#main_banner h3 span {font-size: 11px; line-height: 14px;} div#main_banner div#occupations {position: absolute; top: 60px; left: 15px; line-height: 20px; font-size: 13px; color: #ffa619; width: auto;} div#main_banner div#occupations_scroll {position: absolute; top: 60px; left: 165px; width: 300px; line-height: 20px; font-size: 13px; color: #8785c0;} div#main_banner ul {position: absolute; top: 42px; font-size: 11px; line-height: 15px; list-style: none; overflow: hidden; margin: 0px; padding: 0px;} div#main_banner ul li {float: left; border-right: 1px solid #c3c2df; margin: 0px; padding: 0px 5px; height: 13px; overflow: hidden;} div#main_banner ul li.f {padding-left: 0px;} div#main_banner ul li.l {border: 0;} div#main_banner ul li a {text-decoration: none; color: #c3c2df;} div#main_banner ul li a:hover {color: #ffffff;} /*******************/ /**** MAIN BASE ****/ /*******************/ div#main_base {width: 760px; height: auto; position: relative; left: 50%; margin-left: -380px; padding-bottom: 100px; background: #8785c0 url(../[img]/main_base_bg.jpg) no-repeat bottom center;} /**************/ /**** BODY ****/ /**************/ body {margin: 0px; padding: 0px; position: relative; background: url(../[img]/body_bg.jpg) repeat-x top center; font-family: 'trebuchet ms', verdana, arial, helvetica, tahoma, sans-serif; color: #8785c0; font-size: 12px;} img {border: 0px;} a {color: white;} form {margin: 0px;} div#tmoffer {position: fixed; bottom: 120%; left: 10px; width: 300px; padding-bottom: 30px; background: url(http://www.topmatch-uk.com/[img]/tmoffer-bg.png) no-repeat left top; } div#tmoffer a.hideoffer {display: block; position: absolute; top: 0px; right: 0px; text-decoration: none; width: 15px; height: 15px; } div#tmoffer div.end {position: absolute; min-height: 50px; left: 0px; bottom: -50px; padding-bottom: 30px; width: 300px; background: url(http://www.topmatch-uk.com/[img]/tmoffer-bg.png) no-repeat bottom;} div#tmoffer div#offercontent {position: relative; top: 10px; margin: 0px 10px -40px 10px; height: auto; min-height: 70px; overflow: visible; text-align: center; font-size: 13px; font-weight: bold;}